//c1 webpack 是基于node的打包工具 所以配置就是向外暴露的一个配置对象
//c3 导入path
const path = require('path')

//引入插件a1
const HtmlWebpackPlugin = require('html-webpack-plugin')
// const { Template } = require('webpack')

module.exports = {
    //里面是对象
    //配置对象
    //配置入口
    entry: './src/main.js',

    // c2 出口必须绝对路劲
    output: {
        //这个格式 _dirname表示当前文件所在的绝对路径
        path: path.join(__dirname, './dist'),//这里的路劲需要字符拼接
        filename: 'bundle.js' //修改的文件名
    },
    //a1 配置插件
    plugins: [
        new HtmlWebpackPlugin({
            template: './public/index.html'   //指定html路径

        })
    ],
    module:{
        rules:[{
            test:/\.css$/i,
            use:["style-loader","css-loader"]
        },
    
        {
            test:/\.less$/i,
        use:["style-loader","css-loader","less-loader"]
        },
        {
            test:/\.(png|jpg|gif|jpeg)$/i,
                type:'asset'
        }
        
    
    ]
      
            
       
    }

}